<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系</title>
	<style>
/*css初始化*/
		*{
			margin: 0;
			padding: 0;
		}
		ul{
			list-style: none;/*去掉列表样式小点*/
		}

		.clearfix:before,.clearfix:after{/*三个清除浮动*/
			display: table;
			content: "";
		}
		.clearfix:after{
			clear: both;
		}
		.clearfix{
			*zoom:1;
		}
		body{
			background-color: #ffffff;
		}
		a{
			text-decoration: none;/*取消下划线*/
			font-size: 20px
		}
/*		背景区*/
		header{
			height: 730px;
			background-color: #ffffff;
			overflow: hidden;
		}
		.inheadbox{
			height: 42px;
			width: 1200px;
			background-color:rgba(255,255,255,0);
			margin: 26px auto 0;
		}
		.inheadbox a{
			font-family: "kaiti" ;
		}
		.inheadboxbar{
			float: right;/*设置导航栏右浮动*/
			height: 42px;
			line-height:42px;/*设置行高等于高，使导航栏里文字居中，行高给父，让li继承此父类，因为给父写了就不用给每个li写了*/
		}
		.inheadboxbar li{
			float: left;/*让1，2，3一行显示*/
		}
		.inheadboxbar li a{
			padding: 0 35px;/*上下0，左右25*/
			color:#A2A2A2;
			font-family: "kaiti" ;
		}
		.inheadboxbar li a:hover{
			color:black;
		}
		
		.me{
			float: left;
			color:#150F0F;
			font-size: 20px;
			padding: 4px;
		}
		.black{
			color: black !important;
		}
		p{
			text-align: left;
		}
		#div1{
            width: 1200px;
            margin: 0px auto;
            text-align: center; /*设置文本水平居中*/
            padding: 50px 20px;/*通过内边距将盒子撑大实现居中*/
			 font-family: "kaiti" ;
			 line-height: 30px;
			 font-size: 25px;
			
        }
	</style>
</head>

<body>
<!--	背景区-->
	<header>
		<div class="inheadbox">
			<a href="index.html" class="me">首页</a>
		    <div class="inheadboxbar">
			<ul>
				<li><a  href="登录.html">登录</a></li>
				<li><a  class="black" href="l联系.html">联系</a></li>
				<li><a href="介绍.html">介绍</a></li>
			</ul>
		</div>
		</div>
		 <div id="div1">邮箱:</br>1254376546@qq.com</br></br>QQ:1456757257</br></br>电话：</br>1234567890
		 </div>
	</header>
	

</body>
</html>
